/**
 * 创建一个自定义的Button,让他的背景是透明的。
 */
Ext.define('app.ux.ButtonTransparent', {
	
	extend: 'Ext.button.Button',
	
	alias: 'widget.buttontransparent',
		
	initComponent: function() { // 类初始化时执行
		//设置事件监听
		this.listeners = {
			//鼠标移开，背景设置透明
			mouseout: function() {
				this.setTransparent(document.getElementById(this.id));
			},
			
			//鼠标移过，背景取消透明
			mouseover: function() {
				var b = document.getElementById(this.id);
				b.style.backgroundImage = "";
				b.style.backgroundColor = "";
				b.style.borderColor = "";
			},
			
			//背景设置透明
			afterrender: function() {
				this.setTransparent(document.getElementById(this.id));
			}
		};
		this.callParent(arguments); // 调用你模块的initComponent函数
	},
	
	setTransparent : function(b) {  
        b.style.backgroundImage = 'inherit';  
        b.style.backgroundColor = 'inherit';  
        b.style.borderColor = 'transparent';  
    }
});